<template>
	<!-- <view class="empty-content"> -->
		<!-- <image class="empty-content-image" :src="setSrc" mode="aspectFit"></image> -->
		
	<!-- </view> -->
	<view class="empty-content" style="display:flex;justify-content: center;align-items: center;margin-top: 30px;">
		<view style="text-align: center;">
			<u-icon :name="name" size="300"></u-icon>
			<view style="margin-top: 10px;">{{content}}</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props: {
			src: {
				type: String,
				default: 'name'
			},
			content:{
				type: String,
				default: '暂时无您要查询的内容~'
			}
		},

		data() {
			return {
				// content:'暂时无您要查询的内容~',
				name:require('@/common/images/nodata-icon.png'),
				typeSrc: {
					// empty: ''
				},
			}
		},

		computed: {
			// setSrc() {
			// 	return this.typeSrc[this.src];
			// },
		}
	}
</script>

<style lang="scss">
	// .empty-content {
	// 	display: flex;
	// 	align-items: center;
	// 	justify-content: center;
	// 	flex-direction: column;
		
	// 	position: fixed;
	// 	left: 0;
	// 	top: 0;
	// 	right: 0;
	// 	bottom: 0;
	// 	background: #f6f6f6;
	// 	color:#d0caca;
	// 	padding-bottom: 120upx;
	// 	.iconfont{
	// 		font-size: 140upx;
	// 		margin-bottom: 10upx;
	// 	}
	// 	&-image {
	// 		width: 400upx;
	// 		height: 400upx;
	// 	}
	// }
</style>
